<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link th:replace="fragments/dependency :: edit-css">

<title>优铺Admin</title>
</head>

<body class="nav-md">
	<div class="right_col" style="background: #F7F7F7">
		<div class="row">
			<!-- page content -->
			<div class="right_col" role="main">
				<div class="col-md-12 col-sm-12 col-xs-12" style="padding: 0">
					<form class="form-horizontal form-label-left" id="dateForm">
						<div class="x_panel" style="">
							<div class="x_content" style='width: 100px; position: relative'>
								<div style="position: fixed; z-index: 10; width: 100px">
									<a href="#basic" class='btn btn-primary'>1-基本</a> 
									<a href="#money" class='btn btn-primary'>2-费用</a> 
									<a href="#lease" class='btn btn-primary'>3-租约</a> 
									<a href="#property" class='btn btn-primary'>4-物业</a> 
									<a href="#spporting" class='btn btn-primary'>5-配套</a>
									<a href="#management" class='btn btn-primary'>6-经营</a>
									<a href="#position" class='btn btn-primary'>7-位置</a>
									<a href="#img" class='btn btn-primary'>8-图片</a>
									<a href="#anthor" class='btn btn-primary'>9-其它</a> 
									<a href="#prospecting" class='btn btn-primary'>10-实勘</a>
								</div>
							</div>
							<div class="x_content" style='width: 45%; clear: none'>
								<div class="x_content" style='border: 1px dashed #ccc;' id="basic">
									<h2 style="text-align: center">-[1-基本信息]-</h2>
									<div class="form-group">
										<label class="control-label col-md-3" style="padding-bottom: 8px;">
											<span class="required" style='color: red;'>*</span>联系人
										</label>
										<div class="col-md-8" style="padding-bottom: 8px;">
											<input type="text" name="linkman" th:value="${entity.linkman}" required="required" maxlength="20" class="form-control">
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">
											<span class="required" style='color: red;'>*</span>性别
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<p>
												<input type="radio" class="flat" name="gender" id="gender1" value="男" required checked data-parsley-multiple="gender" style="position: absolute; opacity: 0;"> 男
												<input type="radio" class="flat" name="gender" id="gender0" value="女" data-parsley-multiple="gender" style="position: absolute; opacity: 0;"> 女 
											</p>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">
											<span class="required" style='color: red;'>*</span>电话
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="phone" th:value="${entity.phone}" required="required" maxlength="11" class="form-control">
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">其他联系方式</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="contactWay" th:value="${entity.contactWay}"  maxlength="30" class="form-control">
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">店铺店招</label>
											<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px; padding-top: 6px">
											<label> <input type="checkbox" th:checked="${entity.signagePlane}" name="signagePlane"/> <span>平面店招</span></label> 
											<label> <input type="checkbox" th:checked="${entity.signageFacade}" name="signageFacade"/> <span>立面店招</span></label> 
										</div>
									</div>
								</div>
								<div class="x_content" style='border: 1px dashed #ccc;'
									id="money">
									<h2 style="text-align: center">-[2-费用信息]-</h2>
									<div class="form-group">
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style='color: red;'>*</span>月租金
										</label>
										<div class="col-md-8" style="padding-bottom: 8px;">
											<label class="col-md-1" style="width:80px"> <input type="checkbox"  name="monthlyRentCheck" value="-2" /> <span>面议</span></label>
											<input type="text" name="monthlyRent" required="required" maxlength="30" class="form-control" style="width: 50%; margin-left: 5px">
											<label>元/月</label>
										</div>
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;"> <span class="required"
											style='color: red;'>*</span>日租金
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<label class="col-md-1" style="width:80px"> <input type="checkbox" name="dailyRentCheck" value="-2" /> <span>面议</span></label>
											<input type="text" name="dailyRent" required="required" maxlength="30" class="form-control" style="width: 50%; margin-left: 5px">
											<label>元/天/㎡</label>
										</div>
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;">年租金</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<label class="col-md-1" style="width:80px"> 
												<input type="checkbox" name="yearlyRentCheck" value="-2" /> <span>面议</span>
											</label>
											<input type="text" name="yearlyRent" required="required" maxlength="30" class="form-control" style="width: 50%; margin-left: 5px">
											<label >万元/年</label>
										</div>
										<label class="control-label col-md-3"style="padding-bottom: 8px;"> 
											<span class="required"style='color: red;'>*</span>转让费
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<label class="col-md-1" style="width:60px"> <input type="checkbox" name="transferFeeCheck1" value="-1" /> <span>无</span></label>
											<label class="col-md-1" style="width:70px"> <input type="checkbox" name="transferFeeCheck2" value="-2" /> <span>面议</span></label>
											<input type="text" name="transferFee" required="required" maxlength="30" class="form-control" style="width: 40%; margin-left: 5px">
											<label>万元</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">押金</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="pledgeCash" th:value="${entity.pledgeCash}" required="required" maxlength="15" class="form-control" placeholder='至多输入15个字'>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">支付方式</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="payType" th:value="${entity.payType}" required="required" maxlength="15" class="form-control" placeholder='至多输入15个字'>
										</div>
									</div>
								</div>
								<div class="x_content" style='border: 1px dashed #ccc;'
									id="lease">
									<h2 style="text-align: center">-[3-租约信息]-</h2>
									<div class="form-group">
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> <span class="required"
											style='color: red;'>*</span>商铺租赁状态
										</label>
										<div class="col-md-8" style="padding-bottom: 8px;">
											<p>
												<input type="radio" class="flat" name="status" th:checked="${entity.status eq 0 ? true:false}"  value="0" required data-parsley-multiple="status" style="position: absolute; opacity: 0;"> 租赁中
												<input type="radio" class="flat" name="status" th:checked="${entity.status eq 1 ? true:false}"  value="1" data-parsley-multiple="status" style="position: absolute; opacity: 0;"> 已成交
												<input type="radio" class="flat" name="status" th:checked="${entity.status eq 2 ? true:false}"  value="2" data-parsley-multiple="status" style="position: absolute; opacity: 0;"> 已租出一部分
												<input type="radio" class="flat" name="status" th:checked="${entity.status eq 3 ? true:false}"  value="3" data-parsley-multiple="status" style="position: absolute; opacity: 0;"> 停转租-违建拆除
												<input type="radio" class="flat" name="status" th:checked="${entity.status eq 4 ? true:false}"  value="4" data-parsley-multiple="status" style="position: absolute; opacity: 0;"> 停转租-房东收回
												<input type="radio" class="flat" name="status" th:checked="${entity.status eq 5 ? true:false}"  value="5" data-parsley-multiple="status" style="position: absolute; opacity: 0;"> 停转租-被查封
												<input type="radio" class="flat" name="status" th:checked="${entity.status eq 6 ? true:false}"  value="6" data-parsley-multiple="status" style="position: absolute; opacity: 0;"> 停转租-继续经营
											</p>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style='color: red;'>*</span>租售类型
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<p>
												<input type="radio" class="flat" name="rentType" th:checked="${entity.rentType eq 0 ? true:false}" value="0" required checked data-parsley-multiple="rentType" style="position: absolute; opacity: 0;"> 商铺出租
												<input type="radio" class="flat" name="rentType" th:checked="${entity.rentType eq 1 ? true:false}" value="1" data-parsley-multiple="rentType" style="position: absolute; opacity: 0;"> 商铺转租/生意转让
											</p>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">
											<span class="required" style='color: red;'>*</span>分时出租
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<p>
												<input type="radio" class="flat" name="timeRent" th:checked="${entity.timeRent eq 0 ? true:false}" value="0" required checked data-parsley-multiple="timeRent" style="position: absolute; opacity: 0;"> 否
												<input type="radio" class="flat" name="timeRent" th:checked="${entity.timeRent eq 1 ? true:false}" value="1" data-parsley-multiple="timeRent" style="position: absolute; opacity: 0;"> 是-早间出租
												<input type="radio" class="flat" name="timeRent" th:checked="${entity.timeRent eq 2 ? true:false}" value="2" data-parsley-multiple="timeRent" style="position: absolute; opacity: 0;"> 是-晚间出租
												<input type="radio" class="flat" name="timeRent" th:checked="${entity.timeRent eq 3 ? true:false}" value="3" data-parsley-multiple="timeRent" style="position: absolute; opacity: 0;"> 是-早、晚出租
											</p>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style='color: red;'>*</span>当前租约
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="currLease" th:value="${entity.currLease}" required="required" maxlength="15" class="form-control" style="width: 92%" placeholder='至多输入15个字'>
											<label >月</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style='color: red;'>*</span>还剩余
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12"
											style="padding-bottom: 8px;">
											<input type="text" name="residue" th:value="${entity.residue}"  required="required" maxlength="30" class="form-control" style="width: 92%" placeholder='至多输入15个字'>
											<label >月</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style='color: red;'>*</span>最长可租约
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="maxLease" th:value="${entity.maxLease}" required="required" maxlength="30" class="form-control" style="width: 92%" placeholder='至多输入15个字'>
											<label >月</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">续约情况</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px; padding-top: 6px">
											<label> <input type="checkbox" th:checked="${entity.leaseCase0}" name="leaseCase0" /> <span>继续使用原租约</span></label> 
											<label> <input type="checkbox" th:checked="${entity.leaseCase1}" name="leaseCase1" /> <span>另签一份</span></label> 
										</div>
									</div>
								</div>
								<div class="x_content" style='border: 1px dashed #ccc;'
									id="property">
									<h2 style="text-align: center">-[4-物业信息]-</h2>
									<div class="form-group">
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;"> <span class="required" style='color: red;'>*</span>商铺类型
										</label>
										<div class="col-md-8" style="padding-bottom: 8px;">
											<p>
												<input th:each="type : ${T(com.up.upzl.biz.domain.Shop.Type).values()}" type="radio" class="flat" name="type" th:value="${entity.type}" th:checked="${entity.type eq type ? true:false}" th:text="${type}" data-parsley-multiple="type" style="position: absolute; opacity: 0;">
											</p>
										</div>
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;"> <span class="required" style='color: red;'>*</span>建筑面积
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12"
											style="padding-bottom: 8px;">
											<input type="text" name="buildArea" th:value="${entity.buildArea}" required="required" maxlength="30" class="form-control" style='width: 90%'>
											<label >平米</label>
										</div>
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;"> <span class="required" style='color: red;'>*</span>使用面积
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12"
											style="padding-bottom: 8px;">
											<input type="text" name="useArea" th:value="${entity.useArea}" required="required" maxlength="30" class="form-control" style='width: 90%'>
											<label >平米</label>
										</div>
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;"> <span class="required" style='color: red;'>*</span>是否分隔
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<p>
												<input type="radio" class="flat" name="separate" th:checked="${entity.separate eq true ? true:false}" value="true" required checked data-parsley-multiple="separate" style="position: absolute; opacity: 0;"> 是
												<input type="radio" class="flat" name="separate" th:checked="${entity.separate eq false ? true:false}" value="false" data-parsley-multiple="separate" style="position: absolute; opacity: 0;"> 否
											</p>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style='color: red;'>*</span>是否临主干道(两车道以上道路)
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 20px; padding-top: 7px">
											<p>
												<input type="radio" class="flat" name="frontage" th:checked="${entity.frontage eq true ? true:false}" value="true" required checked data-parsley-multiple="frontage" style="position: absolute; opacity: 0;"> 是
												<input type="radio" class="flat" name="frontage" th:checked="${entity.frontage eq false ? true:false}" value="false" data-parsley-multiple="frontage" style="position: absolute; opacity: 0;"> 否
											</p>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style='color: red;'>*</span>楼层
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<label> <input type="checkbox" th:checked="${entity.floor1}" name="floor1" /> <span>一层</span></label> 
											<label> <input type="checkbox" th:checked="${entity.floor2}" name="floor2"/> <span>二层</span></label> 
											<label> <input type="checkbox" th:checked="${entity.floor3}" name="floor3"/> <span>三层</span></label> 
											<label> <input type="checkbox" th:checked="${entity.floor4}" name="floor4"/> <span>四层</span></label> 
											<label> <input type="checkbox" th:checked="${entity.floorHigh}" name="floorHigh"/> <span>高层</span></label> 
											<label> <input type="checkbox" th:checked="${entity.floorUnder}" name="floorUnder"/> <span>半地下</span></label> 
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											层高
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="floorHeight" th:value="${entity.floorHeight}" required="required"  class="form-control" style='width: 90%'>
											<label>米</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">
											面宽
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="faceWidth" th:value="${entity.faceWidth}" required="required"  class="form-control" style='width: 90%'>
											<label >米</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											进深
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="depth" th:value="${entity.depth}" required="required"  class="form-control" style='width: 64%'>
											<label>米(最多两位小数)</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											朝向
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12"	style="padding-bottom: 8px;">
											<p>
												<input th:each="orientation : ${T(com.up.upzl.biz.domain.Shop.Orientation).values()}" type="radio" class="flat" th:checked="${entity.orientation eq orientation ? true:false}" name="orientation" th:value="${entity.orientation}" th:text="${orientation}" data-parsley-multiple="orientation" style="position: absolute; opacity: 0;">
											</p>
										</div>
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;"> 产权
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<p>
												<input th:each="property : ${T(com.up.upzl.biz.domain.Shop.Property).values()}" type="radio" class="flat" name="property" th:checked="${entity.property eq property ? true:false}" th:value="${entity.property}" th:text="${property}" data-parsley-multiple="property" style="position: absolute; opacity: 0;">
											</p>
										</div>
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;"> 其他产权
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="otherProperty" th:value="${entity.otherProperty}" required="required" class="form-control" placeholder='至多输入20个字'>
										</div>
									</div>
								</div>
								<div class="x_content" style='border: 1px dashed #ccc;'
									id="spporting">
									<h2 style="text-align: center">-[5-配套]-</h2>
									<div class="form-group">
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;"> <span class="required" style='color: red;'>*</span>配套
										</label>
										<div class="col-md-8" style="padding-bottom: 8px;">
											<label th:each="shopSupporting : ${shopSupportings}"> 
												<input type="checkbox" name="shopSupporting" th:value="${shopSupporting.id}" th:data-rel="'shopSupporting' + ${shopSupporting.id}"/> 
												<span th:text="${shopSupporting.name}"></span>
											</label>
										</div>
									</div>
								</div>
								<div class="x_content" style='border: 1px dashed #ccc;'
									id="management">
									<h2 style="text-align: center">-[6-经营情况]-</h2>
									<div class="form-group">
									<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style="color: red">*</span>当前经营
										</label>
										<div class="col-md-8" style="padding-bottom: 8px;">
											<div class="col-md-6 col-sm-2 col-xs-12 ">
												<select name="parentManageType" id="parentManageTypeOptions" class="form-control">
													<option value="">请选择</option>
												</select>
											</div>
											<div class="col-md-6 col-sm-2 col-xs-12 ">
												<select name="sonManageType" id="sonManageTypeOptions" class="form-control">
													<option value="">请选择</option>
												</select>
											</div>
										</div>
										<label class="control-label col-md-3"style="padding-bottom: 8px;"> 
											<span class="required" style="color: red">*</span>特色标签
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<label th:each="shopTag : ${shopTags}"> <input type="checkbox" name="shopTag" th:value="${shopTag.id}" th:data-rel="'shopTag' + ${shopTag.id}"/> 
												<span th:text="${shopTag.name}"></span>
											</label>
										</div>
										<label class="control-label col-md-3" for="license" style="padding-bottom: 8px;"> 
											<span class="required" style="color: red">*</span>证照
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<select name="license" th:value="${entity.license}" class="form-control">
												
												<option value="">请选择</option>
												<option value="0" th:selected="${entity.license eq 0}">不可办照</option>
												<option value="1" th:selected="${entity.license eq 1}">可办照</option>
												<option value="2" th:selected="${entity.license eq 2}">公司照可过户</option>
												<option value="3" th:selected="${entity.license eq 3}">有照可增项</option>
												<option value="4" th:selected="${entity.license eq 4}">大照/集体照</option>
												<option value="5" th:selected="${entity.license eq 5}">个人照可用</option>
												<option value="6" th:selected="${entity.license eq 6}">公司照可用</option>
												<option value="7" th:selected="${entity.license eq 7}">个人照可过户</option>
											</select>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style="color: red">*</span>已有证件
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<label th:each="shopPaper : ${shopPapers}"> <input type="checkbox" name="shopPaper" th:value="${shopPaper.id}" th:data-rel="'shopPaper' + ${shopPaper.id}"/> 
												<span th:text="${shopPaper.name}"></span>
											</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style="color: red">*</span>经营状态
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<p>
												<input type="radio" class="flat" name="manageStatus" th:checked="${entity.manageStatus eq 0 ? true:false}" value="0" required checked data-parsley-multiple="manageStatus" style="position: absolute; opacity: 0;"> 营业中
												<input type="radio" class="flat" name="manageStatus" th:checked="${entity.manageStatus eq 1 ? true:false}" value="1" data-parsley-multiple="manageStatus" style="position: absolute; opacity: 0;"> 空铺
											</p>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style="color: red">*</span>店名
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="shopName" th:value="${entity.shopName}" required="required"  class="form-control" placeholder='至多输入20个字'>
										</div>
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;">本店优势</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<label th:each="shopAdvantage : ${shopAdvantages}"> <input type="checkbox" name="shopAdvantage" th:value="${shopAdvantage.id}" th:data-rel="'shopAdvantage' + ${shopAdvantage.id}"/> 
												<span th:text="${shopAdvantage.name}"></span>
											</label>
										</div>
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;">证件照</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<div>
												<!--用来存放item-->
												<div id="imgList1" th:each="paperImg : ${entity.paperImgArray}" class="file-item thumbnail">
													<img th:src="${@environment.getProperty('static.domain') + paperImg}" width="110">
													<!-- <button class="btn btn-primary closeImg" type="button" style="position: absolute; bottom: 8px;" th:i="${paperImg}"></button> -->
												</div>
												<br>
												<div id="fileList1" class="uploader-list"></div>
												<input name="paperImgs" type="hidden">
											</div>
											<label style='color: red'>请放心，您上传的证件照，只用于后台审核，不在前台展示</label>
										</div>
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;">过往经营最大的问题</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<label th:each="shopIssue : ${shopIssues}"> 
												<input type="checkbox" name="shopIssue" th:value="${shopIssue.id}" th:data-rel="'shopIssue' + ${shopIssue.id}"/> 
												<span th:text="${shopIssue.name}"></span>
											</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">品牌情况</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<p>
												<input type="radio" class="flat" name="brandStatus" th:checked="${entity.brandStatus eq 0 ? true:false}" value="0" required checked data-parsley-multiple="brandStatus" style="position: absolute; opacity: 0;"> 个人
												<input type="radio" class="flat" name="brandStatus" th:checked="${entity.brandStatus eq 1 ? true:false}" value="1" data-parsley-multiple="brandStatus" style="position: absolute; opacity: 0;"> 加盟
											</p>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">不可经营业态</label>
										<div class="col-md-8 col-sm-2 col-xs-12"style="padding-bottom: 8px;">
										<div class="col-md-6 col-sm-2 col-xs-12 ">
												<select name="parentNoType" id="parentNoTypeOptions" class="form-control">
													<option value="">请选择</option>
												</select>
											</div>
											<div class="col-md-6 col-sm-2 col-xs-12 ">
												<select name="sonNoType" id="sonNoTypeOptions" class="form-control">
													<option value="">请选择</option>
												</select>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="x_content" style='width: 45%; clear: none'>
								<div class="x_content" style='border: 1px dashed #ccc;'
									id="position">
									<h2 style="text-align: center">-[7-位置信息]-</h2>
									<div class="form-group">
										<div class="col-md-2 col-sm-2 col-xs-12 hide">
											<select name="province" id="provinceOptions" class="form-control"></select>
										</div>
										<div class="col-md-2 col-sm-1 col-xs-12 hide">
											<select name="city" id="cityOptions" class="form-control"></select>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style="color: red">*</span>区域
										</label>
										<div class="col-md-8" style="padding-bottom: 8px;">
											<select name="area" id="areaOptions" class="form-control">
												<option value="">请选择</option>
											</select>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style="color: red">*</span>商圈
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<select name="businessArea" id="businessAreaOptions" class="form-control">
												<option value="">请选择</option>
											</select>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style="color: red">*</span>道路
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<select name="road" id="roadOptions" class="form-control">
												<option value="">请选择</option>
											</select>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style="color: red">*</span>详细地址
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="realAddress" th:value="${entity.realAddress}" required="required" class="form-control">
                                        </div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style="color: red">*</span>经度
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="positionX" th:value="${entity.positionX}"  required="required" class="form-control">
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style="color: red">*</span>纬度
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="positionY" th:value="${entity.positionY}"  required="required" class="form-control">
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;"> 
											<span class="required" style="color: red">*</span>环线
										</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<select class="form-control" name="loopLine" id="loopLineOptions" th:value="${entity.loopLine}">
												<option value="0" th:selected="${entity.loopLine eq 0}">不限</option>
												<option value="1" th:selected="${entity.loopLine eq 1}">2环内</option>
												<option value="2" th:selected="${entity.loopLine eq 2}">2-3环</option>
												<option value="3" th:selected="${entity.loopLine eq 3}">3-4环</option>
												<option value="4" th:selected="${entity.loopLine eq 4}">4-5环</option>
												<option value="5" th:selected="${entity.loopLine eq 5}">5环外</option>
											</select>
										</div>
									</div>
								</div>
								<div class="x_content" style='border: 1px dashed #ccc;' id="img">
									<h2 style="text-align: center">-[8-上传图片]-</h2>
									<div>
										<!--用来存放item-->
										<div id="imgList" th:each="img : ${entity.imgArray}" class="file-item thumbnail">
											<img th:src="${@environment.getProperty('static.domain') + img}" width="110">
											<!-- <button class="btn btn-primary closeImg" type="button" style="position: absolute; bottom: 8px;" th:i="${img}">删除</button>-->
										</div>
										<br>
										<div id="fileList" class="uploader-list"></div>
										<input name="imgs" type="hidden">
									</div>
								</div>
								<div class="x_content" style='border: 1px dashed #ccc;'
									id="anthor">
									<h2 style="text-align: center">-[9-其他信息]-</h2>
									<div class="form-group">
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;">道路阻隔</label>
										<div class="col-md-8" style="padding-bottom: 8px; padding-top: 10px">
											<label th:each="shopObstruct : ${shopObstructs}"> 
												<input type="checkbox" name="shopRoadObstruct" th:value="${shopObstruct.id}" th:data-rel="'shopObstruct' + ${shopObstruct.id}"/> 
												<span th:text="${shopObstruct.name}"></span>
											</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">路宽</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="roadWidth" th:value="${entity.roadWidth}" required="required" class="form-control" style="width: 90%">
											<label>米</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">装修情况</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<p>
												<input type="radio" class="flat" name="fit" th:checked="${entity.fit eq 0 ? true:false}" value="0" required checked data-parsley-multiple="fit" style="position: absolute; opacity: 0;"> 精装
												<input type="radio" class="flat" name="fit" th:checked="${entity.fit eq 1 ? true:false}" value="1" data-parsley-multiple="fit" style="position: absolute; opacity: 0;"> 简装
												<input type="radio" class="flat" name="fit" th:checked="${entity.fit eq 2 ? true:false}" value="2" data-parsley-multiple="fit" style="position: absolute; opacity: 0;"> 毛坯/清水房
											</p>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">介绍</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px">
											<textarea id="introduce" required="required" disabled="disabled"
												class="form-control" style="height: 200px" name="introduce"
												data-parsley-trigger="keyup" data-parsley-minlength="20"
												data-parsley-maxlength="100"
												data-parsley-minlength-message="Come on! You need to enter at least a 20 caracters long comment.."
												data-parsley-validation-threshold="10">[[${entity.introduce}]]</textarea>
										</div>
									</div>
								</div>
								<div class="x_content" style='border: 1px dashed #ccc;'
									id="prospecting">
									<h2 style="text-align: center">-[10-实勘信息]-</h2>
									<div class="form-group">
										<label class="control-label col-md-3" style="padding-bottom: 8px;">店前人流</label>
										<div class="col-md-8" style="padding-bottom: 8px;">
											<input type="text" name="personFlow" th:value="${entity.personFlow}" required="required" class="form-control" style='width: 90%'>
											<label>人</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">店前阻隔</label>
										<div class="col-md-8" style="padding-bottom: 8px; padding-top: 10px">
											<label th:each="shopObstruct : ${shopObstructs}"> 
												<!-- <input type="checkbox" name="shopObstruct" th:value="${shopObstruct.id}" /> -->
												<input type="checkbox" name="shopObstruct" th:value="${shopObstruct.id}" th:data-rel="'shopObstruct' + ${shopObstruct.id}"/>  
												<span th:text="${shopObstruct.name}"></span>
											</label>
										</div>
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;">绿化带/隔离带阻隔距离</label>
										<div class="col-md-8" style="padding-bottom: 8px; padding-top: 12px">
											<label class="col-md-1" style="width:80px"> <input type="checkbox" name="distanceCheck" value="-1" /> <span>无</span></label>
											<input type="text" name="distance" th:value="${entity.distance}" required="required" maxlength="30" class="form-control" style="width: 50%; margin-left: 5px">
											<label>米</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">遮挡程度</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<select name="keepOut" class="form-control" style="width: 90%" th:value="${entity.keepOut}" >
												<option value="">请选择</option>
												<option value="0"  th:selected="${entity.keepOut eq '0'}">0</option>
												<option value="20" th:selected="${entity.keepOut eq '20'}">20</option>
												<option value="40" th:selected="${entity.keepOut eq '40'}">40</option>
												<option value="60" th:selected="${entity.keepOut eq '60'}">60</option>
											</select> 
											<label>%</label>
										</div>
										
										<label class="control-label col-md-3" style="padding-bottom: 8px;">经营时长</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="manageTime" th:value="${entity.manageTime}" required="required" class="form-control" style="width: 65%">
											<label>年(最多一位小数)</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">空转转让费</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="spinFee" required="required" th:value="${entity.spinFee}" class="form-control" style='width: 90%'>
											<label>万元</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">上一手转让费</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="lastFee" th:value="${entity.lastFee}" required="required" class="form-control" style='width: 90%'>
											<label>万元</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">上一家投资额</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="lastAmount" th:value="${entity.lastAmount}" required="required" class="form-control" style='width: 90%'>
											<label>万元</label>
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">转让内容</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<label th:each="shopTransfer : ${shopTransfers}"> 
												<input type="checkbox" name="shopTransfer" th:value="${shopTransfer.id}" th:data-rel="'shopTransfer' + ${shopTransfer.id}"/> 
												<span th:text="${shopTransfer.name}"></span>
											</label>
										</div>
										<label class="control-label col-md-3"
											style="padding-bottom: 8px;">最大容店量</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<label class="col-md-1" style="width:80px"> 
											<input type="checkbox" value="-1" /> <span>可扩容</span>
											</label>
											 <input type="text" name="maxMeasure" th:value="${entity.maxMeasure}"  required="required"  class="form-control" style="width: 77%">
										</div>
										<label class="control-label col-md-3" style="padding-bottom: 8px;">营业额</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<div class="radio">
												<p>
													<input type="radio" class="flat" name="turnoverUnit" th:checked="${entity.turnoverUnit eq 0 ? true:false}" value="0" required checked data-parsley-multiple="turnoverUnit" style="position: absolute; opacity: 0;">元天 
													<input type="radio" class="flat" name="turnoverUnit" th:checked="${entity.turnoverUnit eq 1 ? true:false}" value="1" data-parsley-multiple="turnoverUnit" style="position: absolute; opacity: 0;"> 元月
												</p>
												<input type="text" name="turnover" required="required" th:value="${entity.turnover}"  class="form-control" style='width: 66%'>
											</div>
										</div>

										<label class="control-label col-md-3"
											style="padding-bottom: 8px;">客单价</label>
										<div class="col-md-8 col-sm-2 col-xs-12" style="padding-bottom: 8px;">
											<input type="text" name="customerPrice" th:value="${entity.customerPrice}" required="required" class="form-control" style="width: 75%">
											<label>元(整数)</label>
										</div>
										<div class="form-group">
						      	<label class="control-label col-md-1"> 拒绝原因 </label>
							   <div style="width: 730px; float: left;">
								<textarea id="remark" style="width: 730px; height: 77px;" placeholder="如“拒绝通过”请填写拒绝原因，上限20个字"></textarea>
						     	</div>
					         	</div>
						      <div class="form-group" style="margin: 0px auto; width: 450px;">
							  <div class="col-md-6 col-md-offset-3">
								<button id="tongguo" class="btn btn-primary" style="width: 200px;" type="button">通过</button>
						 	 </div>
							 <div class="col-md-6 col-md-offset-3">
								<button id="jujue" class="btn btn-primary" style="width: 200px;" type="button">拒绝</button>
							  </div>
									</div>
								</div>
							</div>
						</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div th:replace="fragments/dependency :: edit-js"></div>
	<script src="/dic/area.js?v20171010"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=47vEMrUPXkGWul3APowwKZ1w"></script>
	<script type="text/javascript">
		var manageBusinessTypeIds = []
		var noBusinessTypeIds = []
		var shopTagIds = []
		var shopSupportingIds = []
		var shopPaperIds = []
		var shopAdvantageIds = []
		var shopIssueIds = []
		var shopObstructIds = []
		var shopRoadObstructIds = []
		var shopTransferIds = []
	</script>
  
	<script type="text/javascript" th:each="shopTag : ${entity.shopTags}">
		shopTagIds.push([[${shopTag.id}]])
	</script>
	<script type="text/javascript" th:each="shopSupporting : ${entity.shopSupportings}">
		shopSupportingIds.push([[${shopSupporting.id}]])
	</script>
	<script type="text/javascript" th:each="shopPaper : ${entity.shopPapers}">
		shopPaperIds.push([[${shopPaper.id}]])
	</script>
	<script type="text/javascript" th:each="shopAdvantage : ${entity.shopAdvantages}">
		shopAdvantageIds.push([[${shopAdvantage.id}]])
	</script>
	<script type="text/javascript" th:each="shopIssue : ${entity.shopIssues}">
		shopIssueIds.push([[${shopIssue.id}]])
	</script>
	<script type="text/javascript" th:each="shopRoadObstruct : ${entity.shopRoadObstructs}">
		shopRoadObstructIds.push([[${shopRoadObstruct.id}]])
	</script>
	<script type="text/javascript" th:each="shopObstruct : ${entity.shopObstructs}">
		shopObstructIds.push([[${shopObstruct.id}]])
	</script>
	<script type="text/javascript" th:each="shopTransfer : ${entity.shopTransfers}">
		shopTransferIds.push([[${shopTransfer.id}]])
	</script>
	
	
	<script type="text/javascript">

		function locateCallback(x, y) {
			$('input[name="positionX"]').val(x)
			$('input[name="positionY"]').val(y)
		}
		//--------赋值----------------
		if([[${entity.gender?.ordinal()}]]== 1) {
			$('#gender1').iCheck('check');
		}else{
			$('#gender0').iCheck('check');
		}
		
		var monFlag="[[${entity.monthlyRent}]]";
		if(monFlag != ""){
			if(monFlag <0){
				$('input[name="monthlyRentCheck"]').iCheck('check');
			}else{
				$('input[name="monthlyRent"]').val(monFlag)
			}
		}
		var dayFlag="[[${entity.dailyRent}]]";
		if(dayFlag != ""){
			if(dayFlag <0){
				$('input[name="dailyRentCheck"]').iCheck('check');
			}else{
				$('input[name="dailyRent"]').val(dayFlag)
			}
		}
		var yearFlag="[[${entity.yearlyRent}]]";
		if(yearFlag != ""){
			if(yearFlag <0){
				$('input[name="yearlyRentCheck"]').iCheck('check');
			}else{
				$('input[name="yearlyRent"]').val(yearFlag)
			}
		}
		var transFlag="[[${entity.transferFee}]]";
		if(transFlag != ""){
			if(transFlag <-1){
				$('input[name="transferFeeCheck2"]').iCheck('check');
			}else if(transFlag<0){
				$('input[name="transferFeeCheck1"]').iCheck('check');
			}else{
				$('input[name="transferFee"]').val(transFlag)
			}
		}
		
		$.each(manageBusinessTypeIds, function(index, manageBusinessTypeId) {
			$('input[data-rel="manageBusinessType' + manageBusinessTypeId + '"]').iCheck('check');
		})
		$.each(noBusinessTypeIds, function(index, noBusinessTypeId) {
			$('input[data-rel="noBusinessType' + noBusinessTypeId + '"]').iCheck('check');
		})
		$.each(shopTagIds, function(index, shopTagId) {
			$('input[data-rel="shopTag' + shopTagId + '"]').iCheck('check');
		})
		$.each(shopSupportingIds, function(index, shopSupportingId) {
			$('input[data-rel="shopSupporting' + shopSupportingId + '"]').iCheck('check');
		})
		$.each(shopPaperIds, function(index, shopPaperId) {
			$('input[data-rel="shopPaper' + shopPaperId + '"]').iCheck('check');
		})
		$.each(shopAdvantageIds, function(index, shopAdvantageId) {
			$('input[data-rel="shopAdvantage' + shopAdvantageId + '"]').iCheck('check');
		})
		$.each(shopIssueIds, function(index, shopIssueId) {
			$('input[data-rel="shopIssue' + shopIssueId + '"]').iCheck('check');
		})
		$.each(shopRoadObstructIds, function(index, shopRoadObstructId) {
			$('input[data-rel="shopRoadObstruct' + shopRoadObstructId + '"]').iCheck('check');
		})
		$.each(shopObstructIds, function(index, shopObstructId) {
			$('input[data-rel="shopObstruct' + shopObstructId + '"]').iCheck('check');
		})
		$.each(shopTransferIds, function(index, shopTransferId) {
			$('input[data-rel="shopTransfer' + shopTransferId + '"]').iCheck('check');
		})
			
		
		//--------end----------------

		$(function() {
			var cityParam = 36
			var areaParam ="[[${entity.area?.id}]]"
			var businessAreaParam = "[[${entity.businessArea?.id}]]"
			var roadParam = "[[${entity.road?.id}]]"
			var parentManageTypeParam = "[[${entity.parentManageType?.id}]]"
			var sonManageTypeParam = "[[${entity.sonManageType?.id}]]"
			var parentNoTypeParam = "[[${entity.parentNoType?.id}]]"
			var sonNoTypeParam = "[[${entity.sonNoType?.id}]]"
			
			renderCityOptions('cityOptions',cityParam)
			if(cityParam>0){
				renderAreaOptions('areaOptions',areaParam,cityParam)
				if(businessAreaParam>0){
					var area = areaParam;
					$.getJSON('/businessArea/getByAreaId?area=' + area, function(data) {
						var option = '<option value="">请选择</option>';
						if(data.length > 0) {
							$.each(data, function(index, temp) {
								if(businessAreaParam && businessAreaParam == temp.id){
									option += "<option value='" + temp.id + "' selected>" + temp.name + "</option>"
								}else{
									option += "<option value='" + temp.id + "'>" + temp.name + "</option>"
								}
							});
						}
						$("select[name=businessArea]").html(option);
					});
				}
			}else{
				$("#areaOptions").append('<option value="">请选择</option>')
			}
			
			
				//renderAreaOptions('areaOptions',areaParam,cityParam)
				if(roadParam>0){
					var area = areaParam;
					$.getJSON('/roadArea/getByAreaId?area=' + area, function(data) {
						var option = '<option value="">请选择</option>';
						if(data.length > 0) {
							$.each(data, function(index, temp) {
								if(roadParam && roadParam == temp.id){
									option += "<option value='" + temp.id + "' selected>" + temp.name + "</option>"
								}else{
									option += "<option value='" + temp.id + "'>" + temp.name + "</option>"
								}
							});
						}
						$("select[name=road]").html(option);
					});
			}else{
				$("#areaOptions").append('<option value="">请选择</option>')
			}
			
				
			$("#cityOptions").change(function(){
				var cityId = $("#cityOptions").val();
				$("#areaOptions").empty();
				if(cityId!=''){
					renderAreaOptions('areaOptions',areaParam,cityId)
				}
			})
		
			$("select[name='area']").change(function() {
				var area = $(this).val();
				if($(this).val()) {
					$.getJSON('/businessArea/getByAreaId?area=' + area, function(data) {
						var option = '<option value="">请选择</option>';
						if(data.length > 0) {
							$.each(data, function(index, temp) {
								option += "<option value='" + temp.id + "'>" + temp.name + "</option>"
							});
						}
						$("select[name=businessArea]").html(option);
					});
				} else {
					$("select[name=businessArea]").html('<option value>请选择</option>');
				}
			});
			
			$("select[name='area']").change(function() {
				var area = $(this).val();
				if($(this).val()) {
					$.getJSON('/roadArea/getByAreaId?area=' + area, function(data) {
						console.log(data);
						var option = '<option value="">请选择</option>';
						if(data.length > 0) {
							$.each(data, function(index, temp) {
								option += "<option value='" + temp.id + "'>" + temp.name + "</option>"
							});
						}
						$("select[name=road]").html(option);
					});
				} else {
					$("select[name=road]").html('<option value>请选择</option>');
				}
			});
			
			$.getJSON('/shopBusinessType/findParent', function(data) {
				var option = '<option value>请选择</option>';
				if(data.length > 0) {
					$.each(data, function(index, temp) {
						option += "<option value='" + temp.id + "'>" + temp.name + "</option>"
					});
				}
				$("select[name=parentManageType]").html(option);
				$("select[name=parentNoType]").html(option);
				if(parentManageTypeParam) {
					$("select[name=parentManageType]").val(parentManageTypeParam);
					$.getJSON('/shopBusinessType/findSon?pid=' + parentManageTypeParam, function(data) {
						var option = '<option value>请选择</option>';
						if(data.length > 0) {
							$.each(data, function(index, temp) {
								option += "<option value='" + temp.id + "'>" + temp.name + "</option>"
							});
						}
						$("select[name=sonManageType]").html(option);
						if(sonManageTypeParam){
							$("select[name=sonManageType]").val(sonManageTypeParam);
						}
					});
				}
				if(parentNoTypeParam) {
					$("select[name=parentNoType]").val(parentNoTypeParam);
					$.getJSON('/shopBusinessType/findSon?pid=' + parentNoTypeParam, function(data) {
						var option = '<option value>请选择</option>';
						if(data.length > 0) {
							$.each(data, function(index, temp) {
								option += "<option value='" + temp.id + "'>" + temp.name + "</option>"
							});
						}
						$("select[name=sonNoType]").html(option);
						if(sonNoTypeParam){
							$("select[name=sonNoType]").val(sonNoTypeParam);
						}
					});
				}
			});
			
			$("select[name='parentManageType']").change(function() {
				var pid = $(this).val();
				if($(this).val()) {
					$.getJSON('/shopBusinessType/findSon?pid=' + pid, function(data) {
						var option = '<option value>请选择</option>';
						if(data.length > 0) {
							$.each(data, function(index, temp) {
								option += "<option value='" + temp.id + "'>" + temp.name + "</option>"
							});
						}
						$("select[name=sonManageType]").html(option);
					});
				} else {
					$("select[name=sonManageType]").html('<option value>请选择</option>');
				}
			});
			
			$("select[name='parentNoType']").change(function() {
				var pid = $(this).val();
				if($(this).val()) {
					$.getJSON('/shopBusinessType/findSon?pid=' + pid, function(data) {
						var option = '<option value>请选择</option>';
						if(data.length > 0) {
							$.each(data, function(index, temp) {
								option += "<option value='" + temp.id + "'>" + temp.name + "</option>"
							});
						}
						$("select[name=sonNoType]").html(option);
					});
				} else {
					$("select[name=sonNoType]").html('<option value>请选择</option>');
				}
			});
			
			var uploader = WebUploader.create({
				// 选完文件后，是否自动上传。
				auto : true,
				// swf文件路径
				swf : '/js/Uploader.swf',
				// 文件接收服务端。
				server : 'https://static.youpuchina.com/ueditor/jsp/controller.jsp?action=uploadimage&watermark=true',
				// 选择文件的按钮。可选。
				// 内部根据当前运行是创建，可能是input元素，也可能是flash.
				pick : '#filePicker',
				// 只允许选择图片文件。
				accept : {
					title : 'Images',
					extensions : 'jpg',
					mimeTypes : 'image/*'
				},
				fileSingleSizeLimit : 300 * 1024
			});

			uploader.onError = function(code) {
				if (code == 'Q_TYPE_DENIED') {
					layer.msg('图片类型错误', {
						icon : 2
					});
				} else if (code == 'F_EXCEED_SIZE') {
					layer.msg('图片的大小超过限制', {
						icon : 2
					});
				}
			};

			uploader.on('fileQueued',function(file) {
				var $li = $('<div id="' + file.id + '" class="file-item thumbnail">'
						+ '<button type="button" class="closeImg" style="position: absolute; bottom: 8px;" i=""></button>'
						+ '<img>'
						+ '<div class="info">'
						+ file.name + '</div>' + '</div>'), $img = $li
						.find('img');
				// $list为容器jQuery实例
				$('#fileList').append($li);
				// 创建缩略图
				// 如果为非图片文件，可以不用调用此方法。
				// thumbnailWidth x thumbnailHeight 为 100 x 100
				uploader.makeThumb(file, function(error, src) {
					if (error) {
						$img.replaceWith('<span>不能预览</span>');
						return;
					}

					$img.attr('src', src);
				}, 100, 100);
			});

			// 文件上传过程中创建进度条实时显示。
			uploader.on('uploadProgress', function(file, percentage) {
				var $li = $('#' + file.id), $percent = $li.find('.progress span');
				// 避免重复创建
				if (!$percent.length) {
					$percent = $('<p class="progress"><span></span></p>').appendTo($li).find('span');
				}

				$percent.css('width', percentage * 100 + '%');
			});

			// 文件上传成功，给item添加成功class, 用样式标记上传成功。
			uploader.on('uploadSuccess', function(file, result) {
				$('#' + file.id).addClass('upload-state-done');
				$('#' + file.id).find(".closeImg").attr('i', result.url);
				var imgs = $('input[name="imgs"]').val()
				if (imgs) {
					$('input[name="imgs"]').val(
							$('input[name="imgs"]').val() + ',' + result.url)
				} else {
					$('input[name="imgs"]').val(result.url)
				}
			});

			// 文件上传失败，显示上传出错。
			uploader.on('uploadError', function(file) {
				var $li = $('#' + file.id), $error = $li.find('div.error');
				// 避免重复创建
				if (!$error.length) {
					$error = $('<div class="error"></div>').appendTo($li);
				}
				$error.text('上传失败');
			});

			// 完成上传完了，成功或者失败，先删除进度条。
			uploader.on('uploadComplete', function(file) {
				$('#' + file.id).find('.progress').remove();
			});
			//-----------------上传图片------------------------
			var uploader1 = WebUploader.create({
				// 选完文件后，是否自动上传。
				auto : true,
				// swf文件路径
				swf : '/js/Uploader.swf',
				// 文件接收服务端。
				server : 'https://static.youpuchina.com/ueditor/jsp/controller.jsp?action=uploadimage&watermark=true',
				// 选择文件的按钮。可选。
				// 内部根据当前运行是创建，可能是input元素，也可能是flash.
				pick : '#filePicker1',
				// 只允许选择图片文件。
				accept : {
					title : 'Images',
					extensions : 'jpg',
					mimeTypes : 'image/*'
				},
				fileSingleSizeLimit : 300 * 1024
			});

			uploader1.onError = function(code) {
				if (code == 'Q_TYPE_DENIED') {
					layer.msg('图片类型错误', {
						icon : 2
					});
				} else if (code == 'F_EXCEED_SIZE') {
					layer.msg('图片的大小超过限制', {
						icon : 2
					});
				}
			};

			uploader1.on('fileQueued',function(file) {
				var $li = $('<div id="' + file.id + '" class="file-item thumbnail">'
						+ '<button type="button" class="closeImg" style="position: absolute; bottom: 8px;" i="">删除</button>'
						+ '<img>'
						+ '<div class="info">'
						+ file.name + '</div>' + '</div>'), $img = $li
						.find('img');
				// $list为容器jQuery实例
				$('#fileList1').append($li);
				// 创建缩略图
				// 如果为非图片文件，可以不用调用此方法。
				// thumbnailWidth x thumbnailHeight 为 100 x 100
				uploader.makeThumb(file, function(error, src) {
					if (error) {
						$img.replaceWith('<span>不能预览</span>');
						return;
					}

					$img.attr('src', src);
				}, 100, 100);
			});

			// 文件上传过程中创建进度条实时显示。
			uploader.on('uploadProgress', function(file, percentage) {
				var $li = $('#' + file.id), $percent = $li.find('.progress span');
				// 避免重复创建
				if (!$percent.length) {
					$percent = $('<p class="progress"><span></span></p>').appendTo($li).find('span');
				}

				$percent.css('width', percentage * 100 + '%');
			});

			// 文件上传成功，给item添加成功class, 用样式标记上传成功。
			uploader.on('uploadSuccess', function(file, result) {
				$('#' + file.id).addClass('upload-state-done');
				$('#' + file.id).find(".closeImg").attr('i', result.url);
				var imgs1 = $('input[name="imgs1"]').val()
				if (imgs1) {
					$('input[name="imgs1"]').val(
							$('input[name="imgs1"]').val() + ',' + result.url)
				} else {
					$('input[name="imgs1"]').val(result.url)
				}
			});

			// 文件上传失败，显示上传出错。
			uploader.on('uploadError', function(file) {
				var $li = $('#' + file.id), $error = $li.find('div.error');
				// 避免重复创建
				if (!$error.length) {
					$error = $('<div class="error"></div>').appendTo($li);
				}
				$error.text('上传失败');
			});

			// 完成上传完了，成功或者失败，先删除进度条。
			uploader.on('uploadComplete', function(file) {
				$('#' + file.id).find('.progress').remove();
			});
			//------------------end--------------------------

			$('input[type="checkbox"]').iCheck({
				checkboxClass : 'icheckbox_flat-green'
			});

			$("div").on("click", ".closeImg", function() {
				var src = $(this).attr("i");
				var src1 = ',' + src;
				var src2 = src + ',';
				var imgList = $('input[name="imgs"]').val();
				if (imgList.indexOf(src1) > -1) {
					var list = imgList.replace(src1, '');
				} else if (imgList.indexOf(src2) > -1) {
					var list = imgList.replace(src2, '');
				} else {
					var list = imgList.replace(src, '');
				}
				$('input[name="imgs"]').val(list);
				$(this).parent("div").remove();
			});
			$("input").attr('disabled',true);
			$("select").attr('disabled',true);
		})
	</script>
	<script type="text/javascript">
	   $("#tongguo").click(function() {
		$.post('/shopAudit/reviewPage?id=' + [[${param.id[0]}]] + '&flag=1', function(data) {
			adminLayer.alert({
				content : '审核已通过',
				yes : function() {
					window.parent.location.reload();
					//var type = "审核已通过";
					//window.location.href='/shopAudit/auditList?shopAudit='+type;
				}
			
			});
		
		});
		
	});
	$("#jujue").click(function() {
		var remark = $("#remark").val();
		if(remark && remark.length <= 20) {
			$.post('/shopAudit/reviewPage?id=' + [[${param.id[0]}]] + '&flag=0', {remark: remark}, function(data) {
				adminLayer.alert({
					content : '拒绝成功',
					yes : function() {
						window.parent.location.reload();
						//var type = "审核未通过";
						//window.location.href='localhost:8081/shopAudit/auditList?shopAudit='+type;
						}
				});
			});
			
		} else {
			layer.msg("请输入正确的拒绝理由")
		}
	})
	</script>
</body>
</html>
